﻿<!DOCTYPE html>
<html lang="en">
<head>

    <!-- Basic page needs
    ============================================ -->
    <title>Home</title>
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <meta name="author" content="Magentech">
    <meta name="robots" content="index, follow" />

	<!-- Mobile specific metas
	============================================ -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<!-- Favicon
	============================================ -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="__TEMPLATE__/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="__TEMPLATE__/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="__TEMPLATE__/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="__TEMPLATE__/ico/apple-touch-icon-57-precomposed.png">
	<link rel="shortcut icon" href="__TEMPLATE__/ico/favicon.png">

	<!-- Google web fonts
	============================================ -->
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>

    <!-- Libs CSS
    ============================================ -->
    <link rel="stylesheet" href="__TEMPLATE__/css/bootstrap/css/bootstrap.min.css">
    <link href="__TEMPLATE__/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="__TEMPLATE__/js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="__TEMPLATE__/js/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="__TEMPLATE__/css/themecss/lib.css" rel="stylesheet">
    <link href="__TEMPLATE__/js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
    <!-- cart -->


	<!-- Theme CSS
	============================================ -->
	<link href="__TEMPLATE__/css/themecss/so_megamenu.css" rel="stylesheet">
	<link href="__TEMPLATE__/css/themecss/so-categories.css" rel="stylesheet">
	<link href="__TEMPLATE__/css/themecss/so-listing-tabs.css" rel="stylesheet">
	<link id="color_scheme" href="__TEMPLATE__/css/theme.css" rel="stylesheet">
	<link href="__TEMPLATE__/css/responsive.css" rel="stylesheet">

	<!--CSS引用-->
	{block name="css"}{/block}
</head>

<body class="common-home res layout-home1">

	<div id="wrapper" class="wrapper-full banners-effect-7">
		<!-- Header Container  -->
		<header class=" variantleft type_1">
			<!-- Header Top -->
			<div class="header-top compact-hidden">
				<div class="container">
					<div class="row">
						<div class="header-top-left form-inline col-sm-6 col-xs-12 compact-hidden"></div>

						<div class="header-top-right collapsed-block text-right  col-sm-6 col-xs-12 compact-hidden">
							<h5 class="tabBlockTitle visible-xs">More<a class="expander " href="TabBlock-1"><i class="fa fa-angle-down"></i></a></h5>
							<div class="tabBlock" id="TabBlock-1">
								<ul class="top-link list-inline">
									<li class="account" id="my_account">
										<a href="#" title="我的商城" class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <span >欢迎 <b>{$Think.session.user_name}</b></span> <span class="fa fa-angle-down"></span></a>
										<ul class="dropdown-menu ">
											{if condition="$Think.session.user_id"}
											<li><a href="{:url('home/login/logout')}">我的商城</a></li>
											<li><a href="{:url('home/login/logout')}">我的收藏</a></li>
											<li><a href="{:url('home/login/logout')}">登出</a></li>
											{else/}
											<li><a href="{:url('home/register/index')}"><i class="fa fa-user"></i> 注册</a></li>
											<li><a href="javascript:;" class="login_return" login-url="{:url('home/Login/index')}" save-url="{:url('home/Login/saveAndLogin')}"><i class="fa fa-pencil-square-o"></i> 登陆</a></li>
											{/if}
										</ul>
									</li>
									<li class="wishlist"><a href="#" id="wishlist-total" class="top-link-wishlist" title="我的收藏"><span>我的收藏 (2)</span></a></li>

									<li class="checkout"><a href="{:url('admin/index/index')}" target="_blank" class="top-link-checkout" title="进入后台"><span >进入后台</span></a></li>

									<li class="login"><a href="{:url('admin/system/clear')}" title="清除缓存"><span >清除缓存</span></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- //Header Top -->

			<!-- Header center -->
			<div class="header-center left">
				<div class="container">
					<div class="row">
						<!-- Logo -->
						<div class="navbar-logo col-md-3 col-sm-12 col-xs-12">
							<a href="{:url('home/index/index')}"><img src="__TEMPLATE__/image/demo/logos/theme_logo.png" title="商店logo" alt="商店logo" /></a>
						</div>
						<!-- //end Logo -->

						<!-- Search -->
						<div id="sosearchpro" class="col-sm-7 search-pro">
							<form method="GET" action="{:url('home/index/index')}">
								<div id="search0" class="search input-group">
									<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="搜索" name="search">
									<span class="input-group-btn">
										<button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>
									</span>
								</div>
								<input type="hidden" name="route" value="product/search" />
							</form>
						</div>
						<!-- //end Search -->

						<!-- Secondary menu -->
						<div class="col-md-2 col-sm-5 col-xs-12 shopping_cart pull-right">
							<!--cart-->
							<div id="cart" class=" btn-group btn-shopping-cart">
								<a data-loading-text="Loading..." class="top_cart dropdown-toggle" data-toggle="dropdown">
									<div class="shopcart">
										<span class="handle pull-left"></span>
										<span class="title"><a href="{:url('home/Cart/index')}" target="_blank">购物车</a></span>
										<p class="text-shopping-cart cart-total-full">2 件商品(s) - $1,262.00 </p>
									</div>
								</a>
							</div>
							<!--//cart-->
						</div>
					</div>

				</div>
			</div>
			<!-- //Header center -->

			<!-- Header Bottom -->
			{php}

			$catData = model('GoodsCate')->getNavCatData();

			{/php}
			<div class="header-bottom">
				<div class="container">
					<div class="row">

						<div class="sidebar-menu col-md-3 col-sm-6 col-xs-12 ">
							<div class="responsive so-megamenu ">
								<div class="so-vertical-menu no-gutter compact-hidden">
									<nav class="navbar-default">	

										<div class="container-megamenu vertical {$megamenuOpen ? 'open' : ''}">
											<div id="menuHeading">
												<div class="megamenuToogle-wrapper">
													<div class="megamenuToogle-pattern">
														<div class="container">
															<div>
																<span></span>
																<span></span>
																<span></span>
															</div>
															全部分类
															<i class="fa pull-right arrow-circle fa-chevron-circle-up"></i>
														</div>
													</div>
												</div>
											</div>
											<div class="navbar-header">
												<button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle fa fa-list-alt">

												</button>
												全部分类
											</div>
											<div class="vertical-wrapper" >
												<span id="remove-verticalmenu" class="fa fa-times"></span>
												<div class="megamenu-pattern">
													<div class="container">
														<ul class="megamenu">


															{volist name="catData" id="v" key="k" }

															<li class="item-vertical with-sub-menu hover">
																<p class="close-menu"></p>
																<a href="{:url('home/Search/index',['cate_id'=>$v.id])}" class="clearfix">
																	<span>{$v.cate_name}</span>
																	<b class="caret"></b>
																</a>
																<div class="sub-menu" data-subwidth="100" >
																	<div class="content" >
																		<div class="row">
																			<div class="col-md-12">
																				<div class="row">
																					{if condition="isset($v.children)"}
																					{volist name="v.children" id="v1" key="k1" }
																					<div class="col-md-4 static-menu">
																						<div class="menu">
																							<ul>
																								<li>
																									<a href="{:url('home/Search/index',['cate_id'=>$v1.id])}" class="main-menu">{$v1.cate_name}</a>
																									<ul>
																										{if condition="isset($v1.children)"}
																										{volist name="v1.children" id="v2" key="k2" }
																										<li><a href="{:url('home/Search/index',['cate_id'=>$v2.id])}" >{$v2.cate_name}</a></li>
																										{/volist}
																										{/if}
																									</ul>
																								</li>
																							</ul>
																						</div>
																					</div>
																					{/volist}
																					{/if}
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</li>
															{/volist}

															<li class="loadmore">
																<i class="fa fa-plus-square-o"></i>
																<span class="more-view">更多分类</span>
															</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</nav>
								</div>
							</div>

						</div>

						<!-- Main menu -->
						<div class="megamenu-hori header-bottom-right  col-md-9 col-sm-6 col-xs-12 ">
							<div class="responsive so-megamenu ">
								<nav class="navbar-default">
									<div class=" container-megamenu  horizontal">
										<div class="megamenu-wrapper">

											<div class="megamenu-pattern">
												<div class="container">
													<ul class="megamenu " data-transition="slide" data-animationtime="250">
														<li class="home hover">
															<a href="{:url('home/index/index')}">首页 </a>
														</li>
														<li class="with-sub-menu hover">
															<p class="close-menu"></p>
															<a href="#" class="clearfix">
																<strong>劳保用品</strong>
																<span class="label"> 热卖 </span>
															</a>
														</li>
														<li class="with-sub-menu hover">
															<p class="close-menu"></p>
															<a href="#" class="clearfix">
																<strong>家用电器</strong>
																<span class="label"> Hot</span>
															</a>
														</li>
														<li class="with-sub-menu hover">
															<p class="close-menu"></p>
															<a href="#" class="clearfix">
																<strong>类别</strong>
																<span class="label"></span>
																<b class="caret"></b>
															</a>
															<div class="sub-menu" style="width: 100%; display: none;">
																<div class="content">
																	<div class="row">
																		<div class="col-sm-12">
																			<div class="row">
																				<div class="col-md-3 img img1">
																					<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/cms/img1.jpg" alt="banner1"></a>
																				</div>
																				<div class="col-md-3 img img2">
																					<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/cms/img2.jpg" alt="banner2"></a>
																				</div>
																				<div class="col-md-3 img img3">
																					<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/cms/img3.jpg" alt="banner3"></a>
																				</div>
																				<div class="col-md-3 img img4">
																					<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/cms/img4.jpg" alt="banner4"></a>
																				</div>
																			</div>
																		</div>
																	</div>
																	<div class="row">
																		<div class="col-md-3">
																			<a href="__TEMPLATE__/#" class="title-submenu">Automotive</a>
																			<div class="row">
																				<div class="col-md-12 hover-menu">
																					<div class="menu">
																						<ul>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Car Alarms and Security</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Car Audio &amp; Speakers</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Gadgets &amp; Auto Parts</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">More Car Accessories</a></li>
																						</ul>
																					</div>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-3">
																			<a href="__TEMPLATE__/#" class="title-submenu">Electronics</a>
																			<div class="row">
																				<div class="col-md-12 hover-menu">
																					<div class="menu">
																						<ul>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Battereries &amp; Chargers</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Headphones, Headsets</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Home Audio</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Mp3 Players &amp; Accessories</a></li>
																						</ul>
																					</div>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-3">
																			<a href="__TEMPLATE__/#" class="title-submenu">Jewelry &amp; Watches</a>
																			<div class="row">
																				<div class="col-md-12 hover-menu">
																					<div class="menu">
																						<ul>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Earings</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Wedding Rings</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Men Watches</a></li>
																						</ul>
																					</div>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-3">
																			<a href="__TEMPLATE__/#" class="title-submenu">Bags, Holiday Supplies</a>
																			<div class="row">
																				<div class="col-md-12 hover-menu">
																					<div class="menu">
																						<ul>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Gift &amp; Lifestyle Gadgets</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Gift for Man</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Gift for Woman</a></li>
																							<li><a href="__TEMPLATE__/#"  class="main-menu">Lighter &amp; Cigar Supplies</a></li>
																						</ul>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</li>

														<li class="with-sub-menu hover">
															<p class="close-menu"></p>
															<a href="#" class="clearfix">
																<strong>配件</strong>
															</a>
														</li>
														<li class="">
															<p class="close-menu"></p>
															<a href="#" class="clearfix">
																<strong>博客</strong>
																<span class="label"></span>
															</a>
														</li>

														<li class="hidden-md">
															<p class="close-menu"></p>
															<a href="#" class="clearfix">
																<strong>主题</strong>

															</a>
														</li>
													</ul>

												</div>
											</div>
										</div>
									</div>
								</nav>
							</div>
						</div>
						<!-- //end Main menu -->

					</div>
				</div>

			</div>

			<!-- Navbar switcher -->
			<!-- //end Navbar switcher -->
		</header>
		<!-- //Header Container  -->


		<!-- 主体内容 -->
		{block name="body"}{/block}

		<!-- Footer Container -->
		<footer class="footer-container">
			<!-- Footer Top Container -->
			<section class="footer-top">
				<div class="container content">
					<div class="row">
						<div class="col-sm-6 col-md-3 box-information">
							<div class="module clearfix">
								<h3 class="modtitle">服务台</h3>
								<div class="modcontent">
									<ul class="menu">
										<li><a href="#">关于我们</a></li>
										<li><a href="#">FAQ</a></li>
										<li><a href="#">历史订单</a></li>
										<li><a href="#">订单信息</a></li>
									</ul>
								</div>
							</div>
						</div>

						<div class="col-sm-6 col-md-3 box-service">
							<div class="module clearfix">
								<h3 class="modtitle">客户服务</h3>
								<div class="modcontent">
									<ul class="menu">
										<li><a href="#">联系我们</a></li>
										<li><a href="#">退换商品</a></li>
										<li><a href="#">网站地图</a></li>
										<li><a href="#">我的账户</a></li>
									</ul>
								</div>
							</div>
						</div>

						<div class="col-sm-6 col-md-3 box-account">
							<div class="module clearfix">
								<h3 class="modtitle">我的账户</h3>
								<div class="modcontent">
									<ul class="menu">
										<li><a href="#">品牌</a></li>
										<li><a href="#">礼品卷</a></li>
										<li><a href="#">分支机构</a></li>
										<li><a href="#">特价</a></li>
										<li><a href="#" target="_blank">我们的博客</a></li>
									</ul>
								</div>
							</div>
						</div>

						<div class="col-sm-6 col-md-3 collapsed-block ">
							<div class="module clearfix">
								<h3 class="modtitle">联系我们	</h3>
								<div class="modcontent">
									<ul class="contact-address">
										<li><span class="fa fa-map-marker"></span> 佛山市禅城区普君新城 </li>
										<li><span class="fa fa-envelope-o"></span> Email: <a href="#"> 472879445@qq.com</a></li>
										<li><span class="fa fa-phone">&nbsp;</span> Phone 1: 13202442634 <br>Phone 2: 18029349712</li>
									</ul>
								</div>
							</div>
						</div>

					</div>
				</div>
			</section>
			<!-- /Footer Top Container -->

			<!-- Footer Bottom Container -->
			<div class="footer-bottom-block ">
				<div class=" container">
					<div class="row">
						<div class="col-sm-5 copyright-text">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="__TEMPLATE__/http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
						<div class="col-sm-7">
							<div class="block-payment text-right"><img src="__TEMPLATE__/image/demo/content/payment.png" alt="payment" title="payment" ></div>
						</div>
						<!--Back To Top-->
						<div class="back-to-top"><i class="fa fa-angle-up"></i><span> Top </span></div>

					</div>
				</div>
			</div>
			<!-- /Footer Bottom Container -->


		</footer>
		<!-- //end Footer Container -->

	</div>
	<!-- Social widgets -->

	<!-- End Social widgets -->

	<!-- <link rel='stylesheet' property='stylesheet'  href='__TEMPLATE__/css/themecss/cpanel.css' type='text/css' media='all' /> -->

	<!-- Preloading Screen -->
	<div id="loader-wrapper">
		<div id="loader"></div>
		<div class="loader-section section-left"></div>
		<div class="loader-section section-right"></div>
	</div>
	<!-- End Preloading Screen -->

<!-- Include Libs & Plugins
	============================================ -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script type="text/javascript" src="__TEMPLATE__/js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/owl-carousel/owl.carousel.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/themejs/libs.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/unveil/jquery.unveil.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/countdown/jquery.countdown.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/datetimepicker/moment.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/jquery-ui/jquery-ui.min.js"></script>
	<!-- cart -->

<!-- Theme files
	============================================ -->
	<script type="text/javascript" src="__TEMPLATE__/js/themejs/application.js"></script>
	<!-- <script type="text/javascript" src="__TEMPLATE__/js/themejs/toppanel.js"></script> -->
	<script type="text/javascript" src="__TEMPLATE__/js/themejs/addtocart.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/themejs/so_megamenu.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/themejs/cpanel.js"></script>

	<script type="text/javascript">
		var STATIC = '__STATIC__';
		var VERSION = '1.00beta';
		window.UEDITOR_HOME_URL = "/static/plugins/ueditor/1.4.3/";
	</script>
	<!--require Js -->
	<script src="__STATIC__/require/require.config.js"></script>
	<script src="__STATIC__/require/require.js"></script>
	<script src="__STATIC__/functions.js"></script>
	<script type="text/javascript" src="__HJS__/base.js"></script>

	{block name="js"}{/block}
	<!--页面JS脚本-->
	{block name="script"}{/block}

</body>
</html>

